<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>累计积分排名-个人积分情况</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <link rel="stylesheet" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" href="assets/css/app.css">
  	<style type="text/css">
  		body {background: url(images/bg.jpg) fixed; background-size: 100%;}
  		.am-box {
		    border: 1px solid #E5E5E5; border-radius: 5px; margin: 10px; margin-top: 30%; background: rgba(255,255,255,0.9); 
		    position: relative;
		}		
		.am-box-hd {
		    margin: -75px auto 0 auto;
		    padding: 5px 10px;
		    text-align: center;
		}		
		.am-box-bd {
		    margin-top: 20px;
		}
		.am-box-bd-top { background: rgba(200,200,200,0.5); height: 30px; line-height: 30px; font-weight: bold;}
		.am-list>li{ background-color: rgba(255,255,255,0);}
		.am-list li .shuzi{line-height: 40px;}
		.am-list li .am-progress{ margin-bottom: 0;}
  	</style>
</head>
<body>
	<header data-am-widget="header" class="am-header am-header-default">
      <div class="am-header-left am-header-nav">
          <a href="index.html" class="">
            <i class="am-header-icon am-icon-home"></i>
          </a>
      </div>
      <h1 class="am-header-title">
          <a href="#title-link" class="">累计积分排名 </a>
      </h1>
      
      <div class="am-header-right am-header-nav">
          <a href="#right-link" class="">
            <i class="am-header-icon am-icon-bars"></i>
          </a>
      </div>
      
      
    	<div class="am-header-right am-header-nav am-dropdown" data-am-dropdown>
			  <a class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle><i class="am-header-icon am-icon-bars"></i></a>			  
			  <ul class="am-dropdown-content">
			    <li><a href="gr.html"><span class="am-icon-bar-chart"></span> 累计积分排名</a></li>
			    <li class="am-divider"></li>
			    <li><a href="byjf.html"><span class="am-icon-bar-chart"></span> 本月积分排名</a></li>
			    <li class="am-divider"></li>
			    <li><a href="bxqjf.html"><span class="am-icon-bar-chart"></span> 本学期积分排名</a></li>		    
			    <li class="am-divider"></li>
			    <li><a href="grjf.html"><span class="am-icon-user-secret"></span> 个人得分详细记录</a></li>
			  </ul>
			</div> 
      
  	</header>
  	
  	
  	<div class="am-box">
	   <div class="am-box-hd">
	   		<img width="150" height="150" src="images/user-pic.jpg" alt="骆文渊" class="am-img-thumbnail am-circle" />
	   		<br />骆文渊 <span class="am-badge am-badge-success am-round">专业老师</span>
	   	</div>
	   <div class="am-box-bd">	   	
	   	<ul class="am-list am-list-static">
	   		<li style="padding: 0;">
	   			<div class="am-box-bd-top">
			   		<div class="am-g">
					  <div class="am-u-sm-3 am-center">排名</div>			  
					  <div class="am-u-sm-6">姓名</div>
					  <div class="am-u-sm-3 am-center">得分</div>			  
					</div>
			   	</div>
	   		</li>		  
		  
		  
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">1</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar am-progress-bar-danger" style="width: 100%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">2</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar am-progress-bar-warning" style="width: 90%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">3</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar am-progress-bar-success" style="width: 80%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">4</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar am-progress-bar-secondary" style="width: 60%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">5</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar" style="width: 40%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">6</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar" style="width: 30%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">7</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar" style="width: 20%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">8</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar" style="width: 10%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">9</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">1000</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar" style="width: 0%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		  <li>
		  	<div class="am-g">
				  <div class="am-u-sm-2 shuzi">1000</div>
				  <div class="am-u-sm-10">			  	
				  	<img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
				  	<span class="am-badge am-badge-success am-fr">10</span>骆文渊
				  	<div class="am-progress am-progress-xs">
						    <div class="am-progress-bar" style="width: 0%"></div>
						</div>					
				  </div>
				</div>
		  </li>
		</ul>
	   </div>
	</div>
  	
  	
  	
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>	
</body>
</html>
